import React from 'react'
import Meal from './Meal'
import styles from './index.module.scss'

export default function Meals({ mealsData }) {
	return (
		<div className={styles.root}>
			{mealsData.map((meal) => (
				<Meal meal={meal} key={meal.id} />
			))}
		</div>
	)
}
